// $(function(){
//     $.ajax({
//         type: 'get',
//         url: './data/info.json',
//         success: function (res) {
//             var isMobile = true;
//             if ($(window).width() >= 768) {
//                 isMobile = false;
//             } else {
//                 isMobile = true;
//             }
//             var html = template("bannerTemp", { 
//                 "isMobile": isMobile,
//                 "list": res
//              });
//             $('.carousel-inner').html(html);
//         }
//     })
// });

$(function () {
    // 1. 获取动态数据
    $.ajax({
        type: 'get',
        url: './data/info.json',
        success: function (result) {
            // 2.调用模板引擎
            // 2.1创建一个变量，标记当前屏幕的类型
            var isMobile = true;
            if ($(window).width() >= 768) {
                isMobile = false;
            } else {
                isMobile = true;
            }
            // 2.2 调用模板引擎生成动态结构
            var html = template("bannerTemp", { "isMobile": isMobile, "list": result });
            console.log(html);
            // 2.3 渲染
            $(".carousel-inner").html(html);
            $(".carousel-indicators").html(template("indicatorsTemp", { "cnt": result.length }));
        }
    });

    var startx=0,endx=0;
    var carousel_inner = $(".carousel-inner")[0];
    var carousel = $('.carousel');
    carousel_inner.addEventListener("touchstart", function (e) {
        startx = e.targetTouches[0].clientX;
    });
    carousel_inner.addEventListener("touchend", function (e) {
        endx = e.changedTouches[0].clientX;
        if(endx-startx>0){
            carousel.carousel('prev');
        } else if (endx - startx < 0){
            carousel.carousel('next');
        }
    });

    //给产品块的头部添加宽度
    //找到导航li的数量
    var allLis = $('.wjs_product .nav-tabs').find('li');
    // console.log(allLis);
    // console.log('1');
    
    var pBoxWidth = 0;
    allLis.each(function(index,value){
        // console.log('1');
        console.log(value);
        console.log(index);
        
        pBoxWidth += $(value).innerWidth();
        
        
    });
    console.log(pBoxWidth);
    // console.log(pBoxWidth)
    $('.wjs_product .nav-tabs').width(pBoxWidth);
    console.log($('.nav-tabs').innerWidth());
    
    var myScroll = new IScroll('.wjs_pTabsParent', {
        scrollX: true, scrollY: false
    });
})